/*
 * Copyright 2019 ThoughtWorks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import "../base/mixins";

.icon16 {
  height:     16px;
  width:      16px;
  display:    inline-block;
  background: image_url('andare/ico-16x16.png') no-repeat 0 0;

  &.setting {
    background-position: 0 -211.5px;
    float:               right;
    padding-right:       4px;
  }
  &.setting-left {
    background-position: 0 -211.5px;
    float:               left;
    padding-right:       5px;
  }
}

.pipeline_bundle {
  .pipeline {
    background: #fff;
    width:      245px;
    float:      left;
    padding:    15px;
    min-height: 190px;
    overflow:   hidden;
    margin:     0 10px 10px 0;
    border:     1px solid #ccc;
    @include rounded(5px);
    @include box-shadow(0, 0, 2px, #ccc);

    &:hover {
      @include box-shadow(0, 0, 3px, #bbb);
      border-color: #bbb;
    }

    .title {
      -ms-word-wrap:  break-word;
      -ms-word-break: break-all;
      word-wrap:      break-word;
      word-break:     break-all;

      .setting {
        float: right;
      }
    }

  }

}

.icon-pipeline {

  &.clear {
    background: image_url('andare/nav-sprites-pipeline.png') no-repeat 1px 1px;
    height:     14px;
    width:      14px;
    position:   absolute;
    right:      15px;
    padding:    2px;
    top:        5px;
    @include -go-opacity(0.4);
    width:      14px;
  }
  &:hover {
    @include -go-opacity(0.7);
  }
}

/* Pipeline Selector*/
#pipelines .pipelines_selector {
  float:       right;
  margin-left: 15px;
  width:       380px;

  .enhanced_dropdown {
    max-width:  45em;
    width:      35em;
    z-index:    1001;
    max-height: 55em;
  }

  .search-with-clear {
    float:    left;
    position: relative;

    #pipeline-search {
      margin-right: 10px;
    }
  }
}

#pipelines .pipelines_selector .enhanced_dropdown .select_all_none_panel {
  background:    #999 image_url('g9/backgrounds/bg_glass_gradient.png') repeat-x center center;
  border-bottom: 1px solid #ccc;
  padding:       5px;
  overflow:      hidden;

  #select_text {
    float:       left;
    padding:     5px 5px 5px 0;
    color:       #fff;
    font-weight: bold;
  }

  #show_new_pipelines_container {
    float: right;

    #show_new_pipelines_label {
      display: inline;
    }
  }
}

#pipelines .pipelines_selector .enhanced_dropdown .scrollable_panel {
  width:      auto;
  max-width:  none;
  border-top: 0;
  padding:    10px;
}

#pipelines .pipelines_selector .enhanced_dropdown .selector_group .label {
  font-weight: bold;
  font-size:   12px;
  padding:     5px;
  color:       #333;
}

#pipelines .pipelines_selector .enhanced_dropdown .selector_pipeline .label {
  font-weight: normal;
  font-size:   1em;
  float: left;
  word-break: break-all;
  width: 190px;
  margin: 0;
  padding: 0 5px;
}

#pipelines .pipelines_selector .enhanced_dropdown .selector_pipeline {
  padding: 5px 5px 5px 20px;
  overflow: hidden;
}

#pipelines .pipelines_selector .enhanced_dropdown .selector_group {
  border-bottom: 1px dotted #ccc;
  padding:       10px 0 0 5px;
}

.pipeline_bundle div.pipeline {
  background: #fff;
  float:      left;
}

.pipeline_instance .schedule_time span.time{
  display: block;
  margin-top: 3px;
}

.highlight {
  background: #ff2;
}

/*start : remove this block once we implement new form style*/
#material_forms {
  .new_form_label {
    display:    block;
    text-align: left;
  }
  .inline_instruction {
    margin: 7px 0px 7px 0px;
  }

  .new_form_item {
    margin-top: 20px;
  }

  .new-admin-subtitle {
    margin-top: 15px;
  }
  .new-admin-subtitle span {
    background: #eee;
  }

  .new_form_control > select, .new_form_control > input {
    float: left;
  }
}

/*end : remove this block once we implement new form style*/
